<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, 
maximum-scale=1.0, user-scalable=no">
    <title>music player</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2395665_gzck2cyvvy4.css">
    <link rel="stylesheet" href="style.css">
</head>

<body>

    <audio id="h5audio" height="0" width="0" src="./audios/dlg.mp4"></audio>

    <div class="container">
        <div class="bg-img" id="bg-img"></div>
        <div class="player">
            <div class="player-track" id="player-track">
                <h1 id="sing-title">度凉关</h1>
                <h2 id="singer">金歧玟</h2>
                <div class="track-time" id="track-time">
                    <p id="track-time-text"> <span id="current-time">12</span> / <span id="duration-time">343</span> </p>
                    <div class="ins-time" id="ins-time"></div>
                </div>
            </div>
            <div class="player-content">
                <div class="album-art" id="album-art">
                    <img src="./images/dlg.jpg" id="album-art-cover">
                    <div class="disc"></div>
                </div>
                <div class="player-controls">
                    <div class="last-btn" id="last-btn"><span class="iconfont icon-chevronleftzuojiantou"></span></div>
                    <div class="play-btn" id="play-btn"><span class="iconfont icon-playbofang" id="play-icon"></span></div>
                    <div class="next-btn" id="next-btn"><span class="iconfont icon-chevronrightyoujiantou"></span></div>
                </div>
            </div>
        </div>

    </div>
    <script src="./index.js"></script>
</body>

</html>